Szybkie wprowadzenie: jak napisać stronę WWW w HTML-u

To nie będzie artykuł na temat FrontPage-a, to będzie artykuł na temat HTML-a.
Pytasz się, po co komuś znajomość HTML-a skoro jest tyle edytorów WYSIWYG? Odpowiem krótko:
  1. kod HTML generowany przez FrontPage lub MS Word jest do d*y.
  2. podstaw HTMLa łatwo jest się nauczyć. Niektórzy spędzają 10 minut pod Intraco jarając fajka, a tyle czasu wystarczy do przeczytania i przyswojenia wszystkiego, co tu napiszę.
  3. Jeśli planujesz pisać aplikacje w ASP, PHP lub JSP to nie obejdziesz się bez znajommości HTMLa.
Artykuł pisałem, będąc jednocześnie pod ostrzałem pytań Dara na temat PHP, więc może być trochę bez składu i miejscami zakręcony (nie wspominając o obecności choćby śladu estetycznego projektu graficznego). Chętnie przeczytam wasze [uwagi|poprawki]. Piszcie tylko, którego pliku dotyczy uwaga (URL), i którego fragmentu.


<HTML>
<HEAD>
<TITLE>Moja pierwsza strona w HTML </TITLE>
</HEAD>
<BODY>
<P>Witaj <B>piękny </B> świecie! </P>
<P>Zajrzyjcie na moją <A HREF="http://olo.office.altkom.com.pl" TITLE="Strona Ola"> stronę</A> WWW! (przykład łącza bezwzględnego)</P>
<P>A oto <A HREF="obrazki.html"> jak </A> się umieszcza obrazki w dokumencie HTML. (przykład łącza względnego) </P>
</BODY>
</HTML>

Powyższy kod HTML da mniej więcej taki efekt:

Witaj piękny świecie!

Zajrzyjcie na moją stronę WWW! (przykład łącza bezwzględnego)

A oto jak się umieszcza obrazki w dokumencie HTML. (przykład łącza względnego)

HTML jest językiem znaczników (ang. tags). Znaczniki to te słowa zamknięte pomiędzy znakami '<' i '>'. Większość z nich służy do oznaczenia fragmentów dokumentu - mamy wtedy znacznik otwierający, początkowy (np. <HTML>) i zamykający, końcowy (np. </HTML>).

Popatrzmy, co robią znaczniki w naszym przykładzie:
HTML - Jak widać, w jego wnętrzu zawarty jest cały dokument HTML.
HEAD - Nagłówek dokumentu, zawiera różnie informacje nie należące do ciała dokumentu, np. tytuł, kodowanie, autora...
TITLE - Tytuł dokumentu. Musi być w nagłówku.
BODY - Ciało (treść) dokumentu. To, co widzimy jako stronę WWW.
P - Pojedynczy akapit w dokumencie.
B - Tekst pogrubiony (Bold)
I - Tekst pochyły (Italic)
A - hiperłącze (Anchor). Atrybut HREF to miejsce docelowe, które może być określone wobec bieżącej strony bezwzględnie (jako pełny URL, na przykład "http://olo.office.altkom.com.pl") lub względnie (jako fragment ścieżki dostępu, na przykład "obrazki/foto1.jpg"). Atrybut TITLE to dodatkowa informacja o linku, która może być [wyświetlona jako podpowiedź|wypowiedziana poprzez syntezator mowy|zasygnalizowana zmianą kursora] przez przeglądarkę.

Na zakończenie kilka innych krótkich przykładów:

Obrazki w HTML
Tabele w HTML
HTML a sprawa polska (lub rosyjska, lub *ka), czyli kodowanie znaków
Znaki specjalne, czyli encje HTML

Więcej informacji znajdziecie na stronach organizacji W3, czyli ludzi, którzy decydują o postaci języka HTML i pokrewnych. Dla tych, którzy mają alergię na techniczne specyfikacje, pomocne mogą być różne poradniki on-line do HTML-a, jak na przykład: http://www.w3schools.com/
http://www.webdeveloper.pl/